<template>
	<view class="footer">
		<view class="inner">
			<view class="btn">
				<slot></slot>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'footerBar',
	data() {
		return {};
	},
	mounted() {},
	methods: {},
};
</script>

<style lang="scss" scoped>
.footer {
	height: 60px;

	.inner {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;

		.btn /deep/ {
			display: flex;
			padding: 10px;
			.u-btn {
				flex: 1;
				margin: 0;
				border-radius: 30px;
				padding: 0 12px;
				border: 0;
				margin: 0 10px;
				&:after {
					border-radius: 30px;
				}
			}
		}
	}
}
</style>